/* ----------------------------- TAGS --------------------------- */
body, html
{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, Verdana;
	font-size: 13px;
}

body.Iframe
{
	width:auto;
	height:auto;
	padding-right: 20px;	
}

td
{
	font-size: 12px;
}

th
{
	text-align: left;
}

a
{
	text-decoration: none;
}

h1, h2, h3
{
	margin: 0;
	padding: 0;
}

h1
{
	margin-top: 15px;
	margin-bottom: 20px;
}

sub
{
	font-size: 75%;
	margin-left: 4px;	
}

object, embed
{
	outline: none;
}

/* ----------------------------- COMMON --------------------------- */

.TxtSmall
{
	font-size: 80%;
}

.P10
{
	padding: 10px;
}

.Row
{
	width: 100%;
	clear: both;
	overflow: hidden;
}

.FloatLeft
{
	float: left;
}

.FloatRight
{
	float: right;
}

.DropShadow
{
	padding: 3px;
	margin-top: 6px;
	margin-left: 6px;
}

.Pointer
{
	cursor: pointer;
}

.ButtonRow
{
	width: 100%;
	clear: both;
	overflow: hidden;
	margin-top: 20px;
}

a.Button
{
	display: block;
	float: left;
	margin-right: 20px;
	padding: 5px;
}

.RatingContainer
{
	width: 100px;
	background-image: url(../Images/rating_bg.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

/* ----------------------------- PANELS/STRUCT --------------------------- */

#MOM
{
	overflow: hidden;
}

#RightPanel
{
	 overflow: hidden;
}

#BottomPanel
{
	width: 100%;
	height: 60px;
}

#PlayerControlHost
{
	width: 640px;
	height: 60px;
	margin: 0 auto;
}

#Backdrop
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-image: url(../Utility/Opacity.ashx?c=000000&o=80);
	overflow: hidden;				
	display: none;
}

#SilverlightError
{
	display: none;
	background-color: #990000;
	color: #FFFFFF;
	font-size: 60%;
	padding: 4px;
}
/* --------------------------- CONTEXTMENU ------------------------- */
.contextMenu
{
	display: none;
}

#jqContextMenu
{
	min-width: 125px;
}

#jqContextMenu ul
{
	margin: 0;
	padding: 2px;
	background-image: url(../Utility/Opacity.ashx?c=ffffff&o=85);
	border: solid 1px #cccccc;
}

#jqContextMenu li
{
	margin: 0;
	padding: 3px;
	list-style-type: none;
	color: #000000;
	border-bottom: solid 1px #cccccc;
	cursor: default;
}

.ContextHover
{
	background-color: #009988;
}

/* ----------------------------- TOOLBAR --------------------------- */

#ToolBar
{
	height: 28px;
	overflow: hidden;
}

.Logo
{
	display: block;
	float: left;
}

.ToolBarItem
{
	float: right;
	margin-top: 1px;
	margin-left: 10px;
}

#txtFilter
{
	height: 20px;
	background-color: #FFFFFF;
	background-image: url(../Images/filter.png);
	background-repeat: no-repeat;
	border: solid 1px #B3B3B3;
}

.ToolBarItem select
{	
	font-size: 95%;
	height: 20px;
}
/* ----------------------------- NAVIGATION --------------------------- */
#Nav
{
	float: left;
	width: 200px;
	height: 100%;
	margin-right: 20px;
}

.NavItem, #NavLibraryBtn
{
	display: block;
	padding: 5px 10px 5px 10px;
	background-repeat: no-repeat;
	background-position: right center;
}

.NavItemContent
{
	width: 100%;
	clear: both;
	overflow: hidden;
}

.NavButton
{
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}

#PlayList
{	
	padding: 5px;
	height: 350px;
	overflow: auto;
}

.PlayListItem
{
	display: block;
	margin-bottom: 4px;
	text-transform: capitalize;
}
/* ----------------------------- SETTINGS --------------------------- */

.SettingsSection
{
	padding: 5px;
	font-size: 90%;
}

.SettingsSection h2
{
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 7px;
}

label.Settings
{
	display: block;
	float: left;
	width: 70px;
}

input.Settings
{
	display: block;
	float: left;
	width: 110px;
	margin-bottom: 3px;
	font-size: 90%;
	-moz-opacity: 0.4;
}

/* ------------------------------ BOOKMARKS --------------------------- */
#BookmarksInternal a, #BookmarksExternal a, #PlayLists a
{
	display: block;
	margin-top: 3px;
	padding-left: 5px;
	margin-bottom: 7px;
}

/* ----------------------------- NOWPLAYING --------------------------- */

#NowPlaying
{
	width: 200px;
	height: 60px;
	float: left;
	overflow: hidden;
	font-size: 85%;	
}

#NowPlaying a
{
	display: block;
	float: left;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
}

#NowPlaying span
{
	display: block;
	margin-bottom: 3px;
	margin-left: 5px;
}

/* ----------------------------- BOX --------------------------- */
.Box
{
	margin-left: -6px;
	margin-top: -6px;	
}

.FloatBox
{
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

/* ----------------------------- ARTISTVIEW --------------------------- */
.ArtistAlbumContainer
{
	height: 80px;
	padding-left: 40px;
	margin-bottom: 10px;
}

.ArtistAlbumCover
{
	display: block;
	float: left;
	margin-left: -45px;
}

.ArtistText
{
	font-weight: bold;
}


/* ----------------------------- ALBUMVIEW --------------------------- */
.AlbumCover
{
	display: block;
	float: left;
	margin-right: 10px;
}

.AlbumText
{
}

.AlbumHeader
{
	display: block;
	font-weight: bold;
	margin-bottom: 7px;
}

.AlbumArtist
{
	display: block;
	margin-bottom: 4px;
}

.AlbumViewCover
{
	display: block;
	margin-bottom: 10px;
}

.AlbumViewText
{
	font-size: 120%;
}

.AlbumViewTracksContainer
{
	font-size: 120%;
	float: left;
	margin-left: 20px;
}

.AlbumViewTracksContainer tr
{
}

.TrackArtist
{
	display: block;
	font-size: 90%;
}

#ArtistInfo
{		
	color: #FFFFFF;
	margin-top: 20px;
	padding: 5px 15px 5px 15px;
	overflow: hidden;
}

#Mashup
{
	padding-bottom: 15px;
}

#MashupSwitch
{
	display:block;
	float:right;
	font-family:Courier New;
	font-size:25px;
	line-height:15px;
	font-weight:bold;
	border:solid 2px #FFFFFF;	
}

#ArtistInfo h2
{
	float: left;
	font-size: 125%;
	font-weight: bold;
	margin-bottom: 10px;
}

#ArtistInfo h3
{
	font-size: 95%;
	font-weight: bold;
	margin-bottom: 5px;
}

#ArtistWiki, #ArtistSimilar, #ArtistTopAlbums, #ArtistFlickr
{
	float: left;	
	margin-bottom: -1000px; 
	padding-bottom: 1000px;	
}

#ArtistSimilar, #ArtistTopAlbums
{
	width: 13%;
	margin-right: 20px;
	border-right: solid 1px #FFFFFF;	
}

#ArtistWiki
{
	width: 35%;
	margin-right: 20px;
	border-right: solid 1px #FFFFFF;
}

#ArtistWiki span
{
	line-height: 145%;
}

#ArtistWiki span a
{
	color: #D0D0D0;
}

#ArtistWiki .ReadMore
{
	display: block;
	margin-top: 5px;
	text-decoration: underline ! important;
}

#ArtistSimilar a
{
	display: block;
	margin-bottom: 8px;
	text-decoration: underline ! important;
}

#ArtistTopAlbums span
{
	display: block;
	margin-bottom: 8px;
}

#ArtistFlickr
{
	width: 30%;
}

#ArtistFlickr a
{
    display: block;
	float: left;
    margin-right: 5px;
    margin-bottom: 2px;
}

#ArtistFlickr img
{
    width: 75px;
}

.FlickrView
{
	width: 60%;
	height: 90%;
	margin: 0 auto;
	margin-top: 20px;
    text-align: center;
}

.FlickrView img
{
	max-height: 100%;
}

.FlickrView a
{
	display: block;
	margin-top: 5px;
	font-weight: bold;
	text-decoration: underline;
}

/* ----------------------------- TRACKVIEW --------------------------- */
.SearchBar
{
	width: auto;
	padding: 5px;
	margin-bottom: 5px;
	margin-right: 20px;
	margin-left: 3px;
}

.SearchBar input, .SearchBar label
{
    margin-right: 10px;
}

/* ----------------------------- ALBUMVIEW --------------------------- */

a.CharSeparator
{
	display: block;
	width: 97%;
	clear: both;
	overflow: hidden;
	padding-left: 10px;
	padding-bottom: 5px;
	margin-top: 25px;
	margin-bottom: 25px;
	font-size: 200%;
	font-weight: bold;
}

tr.CharSeparator td
{
	font-size: 110%;
	font-weight: bold;
}
/* ----------------------------- MESSAGE-WIN --------------------------- */

#Message
{
	position: absolute;
	display: none;
	overflow: auto;
	width: 800px;
	height: 600px;
	border: solid 5px #002E2D;
	background-image: url(../Utility/Opacity.ashx?c=ffffff&o=80);
}	

#MessageContent
{
	padding: 10px;
	color: #000000;
}

/* ----------------------------- VIDEO --------------------------- */

.VideoSWF
{
	width: 450px;
	height: 370px;
	border: 1px solid #002E2D;
	margin: 0 auto;
	margin-bottom: 10px;
    background-color: #FFFFFF;
	-moz-opacity: 0.6;
}

.VideoThumb
{
	display: block;
	width: 136px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.VideoThumbBar
{
	display: block;
	width: 100%;
	clear: both;
	overflow: hidden;
}

.VideoThumb img
{
	display: block;
}

/* ----------------------------- VIEW NOW PLAYING --------------------------- */
.ViewNPContainer
{
	width: 820px;
	margin: 0 auto;
}

.ViewNPImage
{
	display: block;
	float: left;
	margin-right: 20px;
}

.ViewNPRight
{
	width: 400px;
	float: right;
}

.ViewNPTrack
{
	display: block;	
	font-size: 180%;
	font-weight: bold;
}

.ViewNPArtist
{
	display: block;	
	font-size: 115%;
	font-weight: bold;
	margin-bottom: 10px;	
}

.ViewNPLyrics
{
	width: 100%;
	height: 345px;
	overflow: auto;
}
/* ----------------------------- STARGAZER --------------------------- */

.StargazeContainer
{
	position:relative;
	height: 280px;
}
		
.StargazeImg
{
	position: relative;	
	width: 200px;
	float: left;
	margin-right: 5px;
}

.StargazeImgSelected
{
	margin-top: 15px;
	margin-left: -10px;
	margin-right: -10px;
	z-index: 175;
}

.StargazeInfo
{
	width: 250px;
	height: 300px;	
	overflow: auto;
	-moz-opacity: 0.9;
}

.StargazeAlbumInfo
{
	padding: 5px;
	width: 190px;
	height: 35px;
	color: #333333;	
}

/* ----------------------------- HISTORY --------------------------- */
.HistoryCalendar
{
	margin-right: 20px;
	margin-bottom: 15px;
}

.HistoryCalendar a
{
	display: block;
	float: left;
	width: 40px;
	text-align: center;
	border-right: solid 1px #ffffff;
	padding-top: 3px;
	padding-bottom: 3px;
}

/* ----------------------------- FILES --------------------------- */
table.Files td
{
	padding-top: 1px;
	padding-bottom: 1px;
}

table.Files td img
{
	display: block;
	padding-right: 10px;
}

/* ------------------------ IMPROMPTU -------------------------- */
div.jqi{
      position: absolute;
      padding: 10px;
      width: 300px;
}

div.jqi .jqiclose{
      float: right;
      margin: -35px -10px 0 0;
      cursor: pointer;
}

div.jqi .jqicontainer{
      padding: 5px;
      font-weight: bold;
}

div.jqi .jqimessage{
      padding: 10px;
}

div.jqi .jqimessage h3
{
    margin-bottom: 10px;
    border-bottom: 1px solid #FFFFFF;
}

div.jqi .jqimessage span
{
    display: block;
    margin-top: 5px;
}

div.jqi .jqimessage input
{
    display: block;
    width: 100%;
    margin-top: 2px;
}

div.jqi .jqibuttons{
      text-align: center;
      padding: 5px 0 0 0;
}

div.jqi button{
      padding: 2px 5px 2px 5px;
      margin: 0 10px;
    font-size: 90%;
}